@mixin ngm-progress-bar-theme() {
  nb-progress-bar.ngm-progress-bar {
    .progress-container {
      display: flex;
      align-items: center;
      border-radius: 1rem;
    }

    .progress-value {
      height: 50%;
    }

    @each $size in nb-get-sizes() {

      &.size-#{$size} {
        .progress-value {
          margin: nb-theme(progress-bar-#{$size}-height)/4;
          border-radius: nb-theme(progress-bar-#{$size}-height)/2;
        }
      }
    }

    @each $status in nb-get-statuses() {

      &.status-#{$status} {
        .progress-value {
          background: linear-gradient(90deg, nb-theme(color-primary-900) 20%, nb-theme(color-#{$status}-default) 100%);
        }
      }
    }

  }
}
